<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<title>待发布信息</title>
    <link href="../css/main.css" rel="stylesheet">
	<script src="../js/echarts.js"></script>
</head>
<body>
	<div class="main">
		<div class="main_info">
			<ul class="main_bread clear">
				<li class="first_li"><a href="main33.html">发布记录</a></li>
				<li>详情</li>
			</ul>
			<!-- 文章 -->
			<div class="main_article">
				<h2>急用钱，转卖</h2>
				<h3>
					<span>个人微商社团</span>
					<span>环球时报</span>
					<span>2016年12月01日10:28:01</span>
				</h3>
				<div class="article">
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我因从航空公司撤资，该公司无现金抵了一架飞机给我，因急着套现，现需出售：</p>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空客A380飞机，飞行时间3000消失左右，原机原码，无补漆，无刮碰，违章清零，年审到2020年，全款支付赠送宝马X6一辆，裸机34亿人民币，现半价17亿出售，概不议价，痛快的又想加满油，送空姐14名，9名未婚，平均年龄22周所，无实力者勿扰，听说本群哟大款，所以才第一时间过来发，如果没人联系我，我晚点再发一个群，动作要快，机不可失，时不再来！</p>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;另售航母一艘，半价出，3000亿，带赠24架苏30战斗机。第一次做微商，不知道卖啥，请大家多多关照</p>
					<img src="../img/aksjdhaksjdh.jpg">
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我因从航空公司撤资，该公司无现金抵了一架飞机给我，因急着套现，现需出售：</p>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空客A380飞机，飞行时间3000消失左右，原机原码，无补漆，无刮碰，违章清零，年审到2020年，全款支付赠送宝马X6一辆，裸机34亿人民币，现半价17亿出售，概不议价，痛快的又想加满油，送空姐14名，9名未婚，平均年龄22周所，无实力者勿扰，听说本群哟大款，所以才第一时间过来发，如果没人联系我，我晚点再发一个群，动作要快，机不可失，时不再来！</p>
					<img src="../img/aksjdhaksjdh.jpg">
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;另售航母一艘，半价出，3000亿，带赠24架苏30战斗机。第一次做微商，不知道卖啥，请大家多多关照</p>
				</div>
				<!-- 投票 -->
				<div class="ticket">
					<p class="ticket_title"><i class="ticket1"></i><span>投票</span><i class="ticket2"></i></p>
					<div class="ticket_main">
						<p class="t_title">标题标题标题标题（多选）</p>
						<p class="t_time">
							<span class="t_time1">有效时间</span>
							<span class="t_time2">2015年12月02日&nbsp;&nbsp;14:13</span>
							<span class="t_time3">至</span>
							<span class="t_time4">2016年12月02日&nbsp;&nbsp;14:13</span>
						</p>
						<ul class="t_list">
							<li><label><input type="checkbox" name="checkbox"><span>1.选项</span></label></li>
							<li><label><input type="checkbox" name="checkbox"><span>2.选项</span></label></li>
							<li><label><input type="checkbox" name="checkbox"><span>3.选项选项选项选项选项选项选项选项选项选项选项选项选项选项选项选项选项选项选项选项选项选项</span></label></li>
							<li><label><input type="checkbox" name="checkbox"><span>4.选项</span></label></li>
							<li><label><input type="checkbox" name="checkbox"><span>5.选项</span></label></li>
							<li><label><input type="checkbox" name="checkbox"><span>6.选项</span></label></li>
						</ul>
					</div>
				</div>
				<!-- 投票 -->
				<!-- 点赞 -->
				<p class="article_mess" style="border: 0">
					<span>阅读&nbsp;&nbsp;200</span>
					<span>点赞&nbsp;&nbsp;200</span>
					<span>收藏&nbsp;&nbsp;200</span>
				</p>
				<!-- 点赞 -->
				<!-- 评论大块 -->
				<div class="discuss">
					<p class="discuss1">评论（122）</p>
					<!-- 评论区 -->
					<div class="discuss_all">
						<!-- 一条评论 -->
						<div class="discuss_list">
							<span class="head_all"><img src="../img/head1.jpg"></span>
							<div class="discuss_in">
								<h4 class="discuss_name1">十一届三中全会</h4>
								<p class="discuss_name2">专业翻修核潜艇，回收二手航母，擦拭卫星表面，航天飞机保养换机油，有发票可报销</p>
							</div>
							<div class="discuss_edit">
								<a href="javascript:void(0)" class="discuss_edit1">回复</a>
								<a href="javascript:void(0)" class="discuss_edit2">删除</a>
							</div>
						</div>
						<!-- 一条评论 -->
						<!-- 一条评论 -->
						<div class="discuss_list">
							<span class="head_all"><img src="../img/head1.jpg"></span>
							<div class="discuss_in">
								<h4 class="discuss_name1">十一届三中全会</h4>
								<p class="discuss_name2">专业翻修核潜艇，回收二手航母，擦拭卫星表面，航天飞机保养换机油，有发票可报销</p>
							</div>
							<div class="discuss_edit">
								<a href="javascript:void(0)" class="discuss_edit1">回复</a>
								<a href="javascript:void(0)" class="discuss_edit2">删除</a>
							</div>
						</div>
						<!-- 一条评论 -->
						<!-- 一条评论 -->
						<div class="discuss_list">
							<span class="head_all"><img src="../img/head1.jpg"></span>
							<div class="discuss_in">
								<h4 class="discuss_name1">十一届三中全会</h4>
								<p class="discuss_name2">专业翻修核潜艇，回收二手航母，擦拭卫星表面，航天飞机保养换机油，有发票可报销</p>
							</div>
							<div class="discuss_edit">
								<a href="javascript:void(0)" class="discuss_edit1">回复</a>
								<a href="javascript:void(0)" class="discuss_edit2">删除</a>
							</div>
						</div>
						<!-- 一条评论 -->
						<!-- 输入回复评论 -->
						<!-- <div class="response">
							<textarea>回复</textarea>
							<div class="response_btn">
								<a href="javascript:void(0)" class="response_btn1">取消</a>
								<a href="javascript:void(0)" class="response_btn2">确定</a>
							</div>
						</div> -->
						<!-- 输入回复评论 -->
					</div>
					<!-- 评论区 -->
				</div>
				<!-- 评论大块 -->
				
			</div>
			<!-- 文章 -->
		</div>
		<!-- 饼图 -->
		<div class="bgcfff"><div class="echarts1_num">参与人数：500人</div><div id="echarts1" class="echarts"></div></div>
		<!-- 饼图 -->
	</div>
<script src="../js/jquery-1.8.1.min.js"></script>
	<script type="text/javascript">
		// 回复评论，改dom结构
		$(".discuss_edit1").click(function () {
			var response="\<div class=\"response\"\> \<textarea\>回复\</textarea\> \<div class=\"response_btn\"\> \<a href=\"javascript:void(0)\" class=\"response_btn1\"\>取消\</a\> \<a href=\"javascript:void(0)\" class=\"response_btn2\"\>确定\</a\>\</div\>\</div\>";
			$(".response").remove();
			$(this).parents(".discuss_list").after(response);
			$(".response_btn1").click(function() {
				$(".response").remove();
			});
		})
		
	</script>
	<!-- 图表 -->
	<script type="text/javascript">
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('echarts1'));
		var option = {
		    title : {
		        text: '某站点用户访问来源',
		        subtext: '纯属虚构',
		        x:'center'
		    },
		    tooltip : {
		        trigger: 'item',
		        formatter: "{a} <br/>{b} : {c} ({d}%)"
		    },
		    legend: {
		        orient: 'vertical',
		        left: 'left',
		        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
		    },
		    series : [
		        {
		            name: '访问来源',
		            type: 'pie',
		            radius : '55%',
		            center: ['50%', '60%'],
		            data:[
		                {value:335, name:'直接访问'},
		                {value:310, name:'邮件营销'},
		                {value:234, name:'联盟广告'},
		                {value:135, name:'视频广告'},
		                {value:1548, name:'搜索引擎'}
		            ],
		            itemStyle: {
		                emphasis: {
		                    shadowBlur: 10,
		                    shadowOffsetX: 0,
		                    shadowColor: 'rgba(0, 0, 0, 0.5)'
		                }
		            }
		        }
		    ]
		};
		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
	</script>
</body>
</html>